<template>
	<el-menu
		default-active="1"
		class="el-menu-vertical-demo"
		background-color="#303543"
		text-color="#767a8c"
		active-text-color="#fff"
	>
		<el-menu-item index="1">
			<template #title> <i class="iconfont icon-home"></i>首页</template>
		</el-menu-item>
		<el-menu-item index="2">
			<i class="iconfont icon-lock"></i>
			<template #title>私有人才库</template>
		</el-menu-item>
		<el-menu-item index="3">
			<i class="iconfont icon-agency"></i>
			<template #title>代理人才库</template>
		</el-menu-item>
		<el-menu-item index="4">
			<i class="iconfont icon-zhujiang"></i>
			<template #title>珠江人才库</template>
		</el-menu-item>
		<el-menu-item index="5">
			<i class="iconfont icon-file"></i>
			<template #title>公海人才库</template>
		</el-menu-item>

		<el-sub-menu index="6">
			<template #title>
				<i class="iconfont icon-hr"></i>
				<span>面谈人才库</span>
			</template>
			<el-menu-item index="1-1">选项1</el-menu-item>
			<el-menu-item index="1-2">选项2</el-menu-item>
		</el-sub-menu>
		<el-menu-item index="7">
			<i class="iconfont icon-calendar"></i>
			<template #title>面试日历</template>
		</el-menu-item>
		<el-menu-item index="8">
			<i class="iconfont icon-chart"></i>
			<template #title>数据报表</template>
		</el-menu-item>
		<el-sub-menu index="9">
			<template #title>
				<i class="iconfont icon-setting"></i>
				<span>系统设置</span>
			</template>
			<el-menu-item index="1-1">部门管理</el-menu-item>
			<el-menu-item index="1-2">顾问管理</el-menu-item>
		</el-sub-menu>
	</el-menu>
</template>

<script setup></script>

<style lang="scss" scoped>
.iconfont {
	margin-right: 6px;
}
.el-menu-item {
	height: 48px;
	line-height: 48px;
}
.el-menu {
	border-right: none !important;
	overflow: hidden;
}
</style>
